// 颜色变量
$primary-color: #3498db;
$secondary-color: #2ecc71;
$accent-color: #e74c3c;
$text-color: #000000;
$light-text-color: #666666;
$background-color: #ffffff;
$light-background: #fcfcfc;
$border-color: #dddddd;

// 字体变量
$font-family-base: 'PingFang', sans-serif;
$font-family-heading: 'PingFang', sans-serif;
$font-size-base: 16px;
$font-size-small: 14px;
$font-size-large: 18px;
$font-size-xlarge: 24px;
$font-size-xxlarge: 32px;
$line-height-base: 1.5;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;

// 断点变量（用于媒体查询）
$breakpoint-mobile: 576px; // 手机
$breakpoint-tablet: 768px; // 平板
$breakpoint-desktop: 992px; // 电脑
$breakpoint-large-desktop: 1200px; // 大屏幕
$breakpoint-xl: 1550px; // 超大屏幕
$breakpoint-2xl: 1920px; // 最大屏幕

// 容器宽度
$container-width-sm: 540px;
$container-width-md: 720px;
$container-width-lg: 960px;
$container-width-xl: 1140px;
$container-width-2xl: 1380px;
$container-width-3xl: 1600px;
// 边框圆角
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 16px;
$border-radius-circle: 50%;

// 阴影
$box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
$box-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
$box-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);

// 过渡动画
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

// z-index层级管理
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;